<!DOCTYPE html>
<html>
<head>
<title>Menu</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Pasta Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->
<!--<link href="css/Raleway.css" rel='stylesheet' type='text/css'>-->
</head>
	
<body>

<!-- header -->
	<div class="header">
		<div class="container">
			<div class="header-nav">
				<nav class="navbar navbar-default">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
					    <a class="navbar-brand" href="index.html"><i class="glyphicon glyphicon-cutlery" aria-hidden="true"></i><span style="font-family:微软雅黑;color:red">重庆</span>小面</a>
					</div>
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li class="hvr-bounce-to-bottom"><a href="index.php">主页</a></li>
							<li class="hvr-bounce-to-bottom"><a href="index.php?c=index&m=start">开始点餐</a></li>
						</ul>
					</div><!-- /navbar-collapse -->
				</nav>
			</div>
		</div>
	</div>
<!-- //header -->

<!-- menu -->


	<div class="menuche">
		<div class="container">
			<div class="menu1">
				<div class="menu-left">
					<img src="images/banner.jpg" alt="" class="img-responsive" />
				</div>
				<div class="menu-right">
					<h1 style="font-family:黑体;color:red"><b>舌尖上的中国</b></h1>
					<p style="font-family:微软雅黑;color:black">重庆小面是一款发源于山城重庆的特色小吃。它以口味厚重，
					麻辣香鲜，味型多变而闻名；小面是以大米为主食的南方人唯一接受传统美食。重庆人喜爱小面与其说是上瘾，不如说是一种情怀、一种依赖。</p>
					
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>

	<table align="center" class="table-condensed" style="font-family:微软雅黑;color:black">
		<tr align="center">
			<th></th>
	 		<th width="240">菜品</th>
	 		<th width="240">价格</th>
	 		
 		</tr>
 	 <?php 
 		foreach($data['food'] as $row){
     echo '<tr>';
     //echo '<td>'.$row['fid'].'</td>';   
     echo '<td align="center"><img class="img-circle" src="images/'.$row['pic'].'"width=200 height=200 alt="无头像" ></td>';
     echo '<td><h3>'.$row['name'].'</h3></td>';  

     echo '<td><h2>'.$row['price'].'元</h2></td>';
    
  
     echo '</tr>';  
  }
  echo '</table>'; 


  ?>


<!-- //menu -->
<!--- footer --->
	<div class="footer">
		<div class="container">
			<div class="footer-grids">
				<div class="col-md-3 footer-grid">
					<h3>重庆小面</h3>
					<p>舌尖上的美味，麻而不辣，辣而不燥，吃了还想吃，吃了忘不了！</p>
				</div>
				<div class="col-md-3 footer-grid">
					<h3>联系我们</h3>
					<div class="footer-grid-address">
						<p>Tel.800-000-000</p>
						<p>Fax: 1234 568</p>
						<p>Email: <a class="email-link" href="mailto:info@example.com">cqxm@nou.com.cn</a></p>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<div class="clear"> </div>
	<div class="copy-right">
		<p>Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="index.html" target="_blank" title="模板之家">重庆小面</a> - Collect from <a href="index.html" title="网页模板" target="_blank">CQXM</a></p>
	</div>
<!--- //footer --->
<!-- for bootstrap working -->
		<script src="js/bootstrap.js"> </script>
<!-- //for bootstrap working -->
</body>
</html>